如何解决网站建设的响应和性能问题
您可以使用以下工具来确定通常会导致网站响应缓慢和性能下降的问题： Google Developers Chrome DevTools，网页分析器– 0.98和Pingdom网站速度测试。我在上一篇文章中强调了这些免费的在线产品，针对网站响应和性能问题的免费诊断工具。”
诊断工具确定问题后，您需要知道如何解决它们。在本文中，我列出了导致网站表现不佳或响应速度慢的典型资源，对象，元素，文件和其他问题，然后描述了如何消除或至少减少它们。
请记住，您始终希望使大多数用户都可以访问您的网站，虽然它看起来有些陈旧，但仍有许多用户依靠56Kbps调制解调器连接来访问Internet。优化的目标和阈值应取决于在最慢的用户连接上允许最快加载时间的标准。
提高您的网站的网络利用率
通常，下面列出的项目会导致网站的网络利用率问题，这些建议将有助于最大程度地减少这些已知的瓶颈。
Cookies：尽管Cookie是网站非常有用的工具，但众所周知它们会减慢响应时间。管理Cookie的最佳做法是：
通过将Cookie文件保持尽可能小来最大程度地减小Cookie文件的大小-如果可能，每个文件的大小为3000个字节（或更少）。
消除不必要的cookie，将它们设置在适当的域级别，并从不提供cookie的域提供静态内容。
图片：您应遵循以下准则为网站优化图片：
通过将多个图像分组到一个文件中来合并CSS精灵，然后将它们放置在CSS中有助于减少请求数量。
数据URI提供了一种内联包含数据的方法，并允许通常在单个HTTP请求中而不是从多个HTTP请求中调用图像和样式表之类的单独元素。
在代码中指定实际图像尺寸的宽度和高度；调整尺寸大于编码尺寸的图像需要更长的渲染时间。
HTML文件的总大小：将HTML文件的总大小保持在50K以内，以帮助将加载时间降至最低，并确保56K连接的响应时间少于10秒。
对象总数：尽量将每个HTML网页文档上的对象总数保持在20个以下。对象总数越多，等待时间就越长，这会减慢响应时间。对象开销占整个页面延迟问题的80％以上。
对象的总大小：尝试将网页文件的总大小保持在100K或以下，以确保56K连接的负载和响应时间保持在20秒以下。
改善网页性能
以下各项将有助于增加网页加载和响应时间，并为访问者提供更好的在线体验。
优化CSS和脚本文件的顺序：确保将调用并行链接到外部CSS文件，并将它们包含在<head>中。<body>中的内联样式也会降低渲染速度，因此请确保所有CSS都包含在外部CSS文件中。所有脚本文件都应放在<body>的底部，并在</ body>标记之前；这允许逐步显示网页内容。
删除未使用的CSS规则：网页未使用的CSS规则会增加不必要的开销，需要在加载任何<body>内容之前首先加载这些开销。
CSS文件总数和大小：将CSS合并为一个文件并最小化CSS可以大大优化样式加载时间。组合，重构，最小化和GZIP压缩都是优化CSS的好方法。
脚本文件的总数和大小：对于某些实现，我知道说起来容易做起来难，但是请尝试将脚本<script>文件合并到尽可能少的位置，因为每个外部脚本文件都会增加网页的开销。脚本文件的优化技术包括与CSS相同的选项，在适用时组合，重构，最小化甚至嵌入脚本。
利用浏览器缓存：在静态HTTP资源标头中设置有效期限或最长使用期限（包括向浏览器指示从本地客户端加载先前下载的对象，而不是通过网络拉取它们的指令），将大大改善浏览器的响应时间，网站性能。
最小化重定向：例如，当旧网页被重命名或移动到新位置时，简单的重定向会将用户指向新页面或新位置；其他选项包括使用JavaScript或元重定向。至少应使用重定向来减少往返时间。
从静态资源中删除URL中的查询字符串：要为静态资源启用代理缓存，请确保使用文件名参数代替查询字符串（即“？”）。
避免不良请求：与重定向非常相似的另一个可怕的资源浪费是不良请求或“未找到”或410“消失”响应，这些响应是在未更新前端代码以反映已移动或已重命名的对象或资源时发生的。我不知道由于外部资源被移动或重命名，我们不得不在网站和微型网站上执行“断开链接”检查的次数。